<!DOCTYPE html>
<html>
<head>
	<#include "header.ftl">
	<link rel="stylesheet" href="${TEMPLATE_BASE_PATH}/plugins/slippry/slippry.css">
	<style>
			body { padding-top: 65px; }
			.link-more {
				float: right;
			}
			.caption-wraper{position: absolute;left:50%;bottom:2em;}
			.caption-wraper .caption{
				position: relative;left:-50%;
				background-color: rgba(0, 0, 0, 0.54);
				padding: 0.4em 1em;
				color:#fff;
				-webkit-border-radius: 1.2em;
				-moz-border-radius: 1.2em;
				-ms-border-radius: 1.2em;
				-o-border-radius: 1.2em;
				border-radius: 1.2em;
			}
			@media (max-width: 767px){
				.sy-box{margin: 12px -20px 0 -20px;}
				padding: 0.2em 0.4em;
				font-size: 0.92em;
				-webkit-border-radius: 0;
				-moz-border-radius: 0;
				-ms-border-radius: 0;
				-o-border-radius: 0;
				border-radius: 0;
			}
			h1,  h3, h4, h5, h6{
				color: #222;
			    font-family: inherit;
			    font-weight: 300;
			    line-height: 20px;
			    margin: 0 20px 0 20px;
			    text-rendering: optimizelegibility;
			}
			h2 {
				color:#222
			}
			h1, h3, h4, h5, h6{
				line-height:40px;	
			}
			h2, h3{
				font-size:26px;
			}
	</style>
</head>
<body>

	<#include "nav.ftl">
	<ul id="homeslider" class="unstyled">
		<li>
			<div class="caption-wraper">
				<div class="caption">我们正式开业啦！</div>
			</div>
			<a href=""><img src="${TEMPLATE_BASE_PATH}/images/1.jpg" alt=""></a>
		</li>
	</ul>
	<div class="container" style="margin-top:30px;">
		<div class="row">
			<h1 class="text-center">服务推荐</h1>
			<h3 class="text-center">Service Recommendation</h3>
		</div>
		<div class="row">
			<div class="col-md-4">
				 <h2 class="font-large nospace"><i class="fa fa-bars"></i>代理记账</h2>
	             <p>费用低，享用专业团队的服务；运用计算机技术，高效，低差错率， 为您提供全面专业的代理记账,一般纳税申请,税务代理等专项服务</p>
			</div>
			<div class="col-md-4">
				 <h2 class="font-large nospace"><i class="fa fa-group"></i>财务筹划及代理</h2>
	             <p>改变企业的产业链和做到最大程度的享受优惠政策。</p>
			</div>
			<div class="col-md-4">
				  <h2 class="font-large nospace"><i class="fa fa-cloud"></i>财税顾问</h2>
	              <p>
	              		在全面尽调的基础上为企业上市提供可行性分析，
						协助企业设计整体上市方案并拟定工作进度表，
						协助企业根据上市方案拟定资产重组和改制方案，
						为企业寻找、引入合适的战略投资者和财务投资者。
				</p>
			</div>
		</div>
		<div class="row">
			<div class="col-md-4">
				 <h2 class="font-large nospace"><i class="fa fa-heart"></i>工商注册</h2>
	             <p> 工商注册以专业化服务和诚信透明在行业内闻名,快速，高效，可靠。</p>
			</div>
			<div class="col-md-4">
				 <h2 class="font-large nospace"><i class="fa fa-cubes"></i>审计评估</h2>
	             <p>审计单位财政收支、财务收支真实、合法、效益进行分析判断，并发表专业可靠的审计意见。</p>
			</div>
			<div class="col-md-4">
				  <h2 class="font-large nospace"><i class="fa fa-certificate"></i>网站建设</h2>
	              <p>优质高效的网站建设服务。</p>
			</div>
		</div>
		<div class="row" style="margin-top:30px;">
			<h1 class="text-center">公司动态</h1>
			<h3 class="text-center">Company Dynamic</h3>
		</div>
		<div class="row">
			<div class="col-md-6">
				<div class="panel panel-primary">
					<div class="panel-heading">
						<p class="panel-title">
							${informationF.name}<a class="link-more" href="<@shishuo_folder_url_tag folderId=informationF.folderId/>"> 更多>> </a>
						</p>
					</div>
					<div class="panel-body">
						<#list dynamicList as dynamic>
							<div class="title-top">
								<span class="glyphicon glyphicon-play"></span> 
								<a href="<@shishuo_article_url_tag articleId=information.articleId></@shishuo_article_url_tag>" class="title-link" title="This is a title."> 
									${information.title}
								</a> 
								<span class="title-date">${information.createTime?date}</span>
							</div>
						</#list>
					</div>
				</div>
			</div>

			<div class="col-md-6">
				<div class="panel panel-primary">
					<div class="panel-heading">
						<p class="panel-title">
							${lawsF.name} <a class="link-more" href="<@shishuo_folder_url_tag folderId=lawsF.folderId/>"> 更多>> </a>
						</p>
					</div>
					<div class="panel-body">
							<#list lawsList as laws>
							<div class="title-top">
								<span class="glyphicon glyphicon-play"></span> 
								<a href="<@shishuo_article_url_tag articleId=laws.articleId></@shishuo_article_url_tag>" class="title-link" title="This is a title."> 
									${laws.title}
								</a> 
								<span class="title-date">${laws.createTime?date}</span>
							</div>
							</#list>
					</div>
				</div>
			</div>
		</div>
	</div>
	<#include "script.ftl">
	<#include "footer.ftl">
	<script src="${TEMPLATE_BASE_PATH}/plugins/slippry/slippry.min.js"></script>
	<script>
		$(function() {
			var demo1 = $("#homeslider").slippry({
				transition: 'fade',
				useCSS: true,
				captions: false,
				speed: 1000,
				pause: 3000,
				auto: true,
				preload: 'visible'
			});
		});
	</script>
</body>
</html>